<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Editor Test: ToggleDir Plugin</title>

	<script type="text/javascript" src="../boilerplate.js"></script>

	<script type="text/javascript">
		require([
			"dojo/parser",
			"dijit/Editor",
			"dijit/_editor/plugins/ToggleDir",
			"dojo/domReady!"
		], function(parser){
			parser.parse();
		});
	</script>
</head>
<body class="claro" role="main">
	<h3 id="ltr_label">LTR Editor</h3>
	<div id="ltr_ed" data-dojo-type="dijit/Editor"  aria-labelledby="ltr_label"
		 data-dojo-props='extraPlugins:["dijit/_editor/plugins/ToggleDir"], height: 100'>
		<ol><li>the toggleDir plugin provides an extra button to switch text direction (BiDi). Useful when right-to-left
				languages are used with left-to-right languages.</li></ol>
	</div>

	<h3 id="rtl_label">RTL Editor</h3>
	<div id="rtl_ed" data-dojo-type="dijit/Editor" aria-labelledby="rtl_label" dir="rtl"
		 data-dojo-props='extraPlugins:["dijit/_editor/plugins/ToggleDir"], height: 100'>
		<ol><li>the toggleDir plugin provides an extra button to switch text direction (BiDi). Useful when right-to-left
			languages are used with left-to-right languages.</li></ol>
	</div>
</body>
</html>
